<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="keywords" content="有糖开放平台" />
    <meta name="description" content="有糖开放平台" />
    <link type="image/x-icon" href="images/favorite.ico" rel="shortcut icon" />
    <title>完善信息 - 有糖开放平台</title>
    <link rel="stylesheet" type="text/css" media="all"  href="css/ui-dialog.css" />
    <link rel="stylesheet" type="text/css" media="all"  href="css/style.css" />
</head>
<body>

<!-- 右侧悬浮 -->
<div class="warp_right">
    <div class="subPhone bg_icon">
        <div class="phone">400-720-9815 </div>
    </div>
    <div class="subTop bg_icon" id="gotop"></div>
</div>
<!-- 右侧悬浮END -->


<header class="warp_head bg_black"><div class="section">
    <div class="head_logo"><a href="index.html">有糖开放平台</a></div>
    <div class="head_menu">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="developer.html">开发者中心</a></li>
            <li><a href="manage.html" class="active">管理中心</a></li>
        </ul>
    </div>
    <div class="head_user">
        <a href="" class="hu_register">注册</a>
        <a href="" class="hu_login">登录</a>
        <!--<a href="" class="hu_register">退出</a>
        <a href="" class="hu_user"><img src="images/user.jpg" /></a>-->
    </div>
</div></header>

<div class="application">
    <div class="section">
        <div class="bread">
            <a href="manage.html">管理中心&gt;</a>应用接入
        </div>

        <div class="pointsRule">
            <ul class="clearbox">
                <li class="success"><a><span><em>1<s></s></em>创建</span><i></i></a></li>
                <li class="active"><a><span><em>2<s></s></em>完善信息</span><i></i></a></li>
                <li><a><span><em>3<s></s></em>提交审核</span></a></li>
            </ul>
        </div>

        <div class="app_info">
            <div class="sub_info">
                <h3 class="sub_title">基本信息</h3>
                <table>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用名称：</td>
                        <td><input type="text" placeholder="应用名称最多输入20个字" /><span class="sub_tips">不能超过20个字</span><div class="sub_explain">已签署合同和已上线应用不能修改应用名称。</div></td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用类型：</td>
                        <td><input type="radio" name="type" checked>游戏 <input type="radio" name="type">软件</td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用子分类：</td>
                        <td>
                            <select><option>请选择子分类</option><option>游戏</option><option>游戏</option><option>游戏</option><option>游戏</option><option>游戏</option><option>游戏</option><option>游戏</option><option>游戏</option><option>游戏</option><option>游戏</option><option>游戏</option><option>游戏</option><option>游戏</option><option>游戏</option><option>游戏</option></select>
                            <span class="sub_tips">请选择子分类</span>
                        </td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用提供方：</td>
                        <td>
                            <p>张三</p>
                            <!--<input type="text" placeholder="应用提供方与开发者名称基本一致" /><span class="sub_tips">请填写应用提供方</span><div class="sub_explain">如修改某一个应用下的提供方名称，则开发者名下所有应用的提供方均修改。</div>-->
                        </td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用简介：</td>
                        <td><textarea placeholder="应用简介（60至500字）"></textarea><span class="sub_tips">内容字数为60个汉字以上、500个汉字以内</span></td>
                    </tr>
                    <tr>
                        <td>搜索关键词：</td>
                        <td><input type="text" placeholder="自定义关键词" /><span class="sub_tips">该项不能超过5个字</span><div class="sub_explain">可自定义一个关键词。设置搜索关键词会提高应用被搜索到的机率。如提交的关键词不合理，审核时可能会被驳回或删除。</div></td>
                    </tr>
                    <tr><td>一句话简介：</td><td><input type="text" placeholder="一句话简介（5至15个汉字）" /><span class="sub_tips">内容字数为5个汉字以上、15个汉字以内</span></td></tr>
                </table>
            </div>
            <div class="sub_info">
                <h3 class="sub_title">安装包</h3>
                <table>
                    <tr>
                        <td><i class="fcolor_red">*</i>安装包：</td>
                        <td>
                            <input type="file" id="upload_apk"/><label for="upload_apk" class="upload_add upload_apk" ></label>
                            <span class="sub_tips">请上传安装包</span>

                            <div class="imgBox imgBox_del">
                                <div class="upload_progress">
                                    <img src="images/upload.jpg"  class="upImg" />
                                    <div class="up_border">
                                        <div class="up_bg">
                                            <p class="up_text">0%</p>
                                            <div class="progress" w="100" style="width: 0%;"></div>
                                            <!--<a href="javascript:void(0);" class="up_del"></a>-->
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="after_upload clearbox">
                                <div class="fL">
                                    <img src="images/app_default.png" />
                                    <input type="file" id="after_upload"/><label for="after_upload" class="after_upload_label" >更新安装包</label>
                                </div>
                                <div class="fL after_upload_info">
                                    <p><span>文件名：</span>com.utouu.apk</p>
                                    <p><span>文件大小：</span>27.2M</p>
                                    <p><span>包名：</span>com.utouu</p>
                                    <p><span>版本标识：</span>18</p>
                                    <p><span>固件版本：</span>Android 4.1,4.11</p>
                                    <p><span>当前版本：</span>v2.1.5</p>
                                </div>
                            </div>


                        </td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>发布类型：</td>
                        <td><input type="radio" name="release" checked>审核通过后发布 <input type="radio" name="release">手动发布</td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>版本更新说明：</td>
                        <td><textarea placeholder="版本更新说明（10至500字）"></textarea></td>
                    </tr>
                </table>
            </div>
            <div class="sub_info">
                <h3 class="sub_title">图标素材</h3>
                <table>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用小图标：</td>
                        <td>
                            <input type="file" id="upload_mini"/><label for="upload_mini" class="upload_add upload_mini" ></label>
                            <!--<a href="" class="upload_update">修改</a>-->
                            <span class="sub_tips">请上传应用小图标</span><div class="sub_size">尺寸16x16，大小20K以内，PNG格式的图片</div>
                        </td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用图标：</td>
                        <td>
                            <div class="imgBox imgBox_100">
                                <div class="upload_progress">
                                    <img src="images/upload.jpg"  class="upImg" />
                                    <div class="up_border">
                                        <div class="up_bg">
                                            <p class="up_text">0%</p>
                                            <div class="progress" w="100" style="width: 0%;"></div>
                                        </div>
                                    </div>
                                </div>
                                <img src="images/512.png" width="105" height="105" />
                            </div>

                            <input type="file" id="upload_icon"/><label for="upload_icon" class="upload_add upload_icon" ></label>
                            <span class="sub_tips">请上传应用图标</span><div class="sub_size">尺寸512*512，大小200K以内，JPG、PNG格式，建议使用直角图标</div>
                        </td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用截图：</td>
                        <td>
                            <div class="upload">
                                <div class='gridly'>
                                    <div class='brick small'>
                                        <div class="imgBox">
                                            <img src="images/app.jpg" />
                                            <div class="img_opreat">
                                                <div class="img_opreat_a">
                                                    <a href="" class="ioa_update">更新</a>
                                                    <a href="" class="ioa_del delete">删除</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class='brick small'>
                                        <div class="imgBox">
                                            <img src="images/app.jpg" />
                                            <div class="img_opreat">
                                                <div class="img_opreat_a">
                                                    <a href="" class="ioa_update">更新</a>
                                                    <a href="" class="ioa_del delete">删除</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class='brick small'>
                                        <div class="imgBox">
                                            <img src="images/app.jpg" />
                                            <div class="img_opreat">
                                                <div class="img_opreat_a">
                                                    <a href="" class="ioa_update">更新</a>
                                                    <a href="" class="ioa_del delete">删除</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="imgBox">
                                    <div class="upload_progress">
                                        <img src="images/upload.jpg"  class="upImg" />
                                        <div class="up_border">
                                            <div class="up_bg">
                                                <p class="up_text">0%</p>
                                                <div class="progress" w="100" style="width: 0%;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <input type="file" id="upload_screenshot"/><label for="upload_screenshot" class="upload_add upload_screenshot" ></label>
                            </div>
                            <!--<span class="sub_tips">请上传至少2张应用截图</span>-->
                            <div class="sub_size">请上传2-5张截图（尺寸保持一致），单张图片不超过1M。截图不能小于320*480像素，推荐480*800像素。JPG、PNG格式。</div>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="sub_info">
                <h3 class="sub_title">适配信息</h3>
                <table>
                    <tr>
                        <td><i class="fcolor_red">*</i>支持屏幕大小：</td>
                        <td><input type="radio" name="screen" checked />全部 <input type="radio" name="screen" />480*320以上 <input type="radio" name="screen" />640*480以上 <input type="radio" name="screen" />960*720以上 </td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>支持语言：</td>
                        <td><input type="radio" name="language" checked />中文 <input type="radio" name="language" />英文 <input type="radio" name="language" />多语言</td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>资费类型：</td>
                        <td><input type="radio" name="postage"  checked />免费 <input type="radio" name="postage" />增值服务收费 <input type="radio" name="type" />道具收费 <input type="radio" name="postage" />解锁收费 </td>
                    </tr>
                </table>
            </div>

            <div class="sub_agreement"><input type="checkbox" checked /> 允许平台为我的应用提供<a href="javascript:void(0);" class="link_agreement">《最终用户协议》</a> </div>
        </div>
    </div>
</div>

<div class="application_bot">
    <a href="" class="bg_white">返回上一步</a>
    <a href="" >保存</a>
    <a href="" >提交审核</a>
</div>





</body>
<div id="pop_agreement" style="display: none;">
    <div class="layout-agreement">
        <h1>最终用户协议</h1>

        <a class="btn_rules" href="javascript:void(0);">接受协议</a>
    </div>

</div>

<script type="text/javascript" src="js/lib.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery.gridly.js"></script>
<script type="text/javascript" src="js/gptop.js"></script>

<script language="javascript">

    /* 上传进度条 */
    function processerbar(pro,time){
        var upload = $(pro).find(".up_bg");
        upload.find(".progress").each(function(i,item){
            var a=parseInt($(item).attr("w"));
            $(item).animate({
                width: a+"%"
            },time);
        });
        var si = window.setInterval(
                function(){
                    var percent = upload.find('.up_text');
                    var a= upload.find(".progress").width();
                    var b=(a/91*100).toFixed(0);
                    percent.html(b+"%");
                    //percent.css("left",a-10+"px");
                    if(percent.html()=="100%") {
                        clearInterval(si);
                        percent.html("上传完成");
                        //$(pro).find(".upImg").css("display","none");
                        var close = window.setInterval(function(){
                            pro.remove();
                            clearInterval(close);},500);
                    }
                },70);
        $(".up_del").click(function(){
            clearInterval(si);
            $.alert("取消上传安装包","error");
            pro.remove();
        });
    }


    $(".upload_progress").click(function(){
        processerbar(this,3000);
    });


</script>

<script>
$(function () {
    $(".sub_info").hover(function(){
        $(this).addClass("active");
    },function(){
        $(this).removeClass("active");
    });

    $(".link_agreement").click(function () {
        var d = dialog({
            title: '最终用户协议',
            content: document.getElementById('pop_agreement'),
            fixed:true
        });
        d.showModal();
    });
});
</script>
<script>
    (function() {
        $(function() {
            $('.gridly').gridly();
            //$('.gridly').gridly('draggable');

            return $('.gridly .delete').click(function(event) {
                event.preventDefault();
                event.stopPropagation();
                $(this).closest('.brick').remove();
                return $('.gridly').gridly('layout');
            });
        });

    }).call(this);

</script>
</html>